<template>
  <div class="on">
    <p>推荐歌曲</p>
  </div>
</template>

<style lang="less" scoped>
 .on{
   background-color: #f6c08b;
   height: 500px;
   position: relative;
   p{
     position: absolute;
     left: 50%;
     bottom: 50%;
     transform: translateX(-50%);
     color: blue;
   }
 }
</style>